{$formatoFecha = "d-m-Y H:i"}
<div data-role="tabsview">
    <div data-role="fieldcontain">
        <h3>
            Datos B&aacute;sicos
        </h3>
        <label for="buque">Buque: </label>
        <select name="{bind to="idBuque"}" id="buque" data-native-menu="false">
            {foreach $buques as $buque}
                <option value="{$buque->getIdBuque()}"
                        {if $recalada->getBuques() and $recalada->getBuques()->getIdBuque() == $buque->getIdBuque()}
                            selected="selected"
                        {/if}>
                    {$buque->getNombre()}
                </option>
            {/foreach}
        </select>
        <label for="uvi">UVI: </label>
        <input type="number" value="{$recalada->getUvi()}" id="uvi" name="{bind to="uvi"}" />
        <label for="niv">NIV: </label>
        <input type="number" value="{$recalada->getNiv()}" id="niv" name="{bind to="niv"}" />
        <label for="etd">ETD: </label>
        <input type="datetime" value="{$recalada->getEtd()|json_to_date:$formatoFecha}" id="etd" name="{bind to="etd"}" placeholder="dd-mm-yyyy hh:mm"/>
        <label for="eta">ETA: </label>
        <input type="datetime" value="{$recalada->getEta()|json_to_date:$formatoFecha}" id="eta" name="{bind to="eta"}" placeholder="dd-mm-yyyy hh:mm"/>
        <label for="tipoRecalada">Tipo de Recalada: </label>
        <select name="{bind to="tipoRecalada"}" id="tipoRecalada" data-native-menu="false">
            {foreach $tiposRecaladas as $id => $tipo}
                <option value="{$id}" {if $id == $recalada->getTipoRecalada()}selected{/if}>{$tipo}</option>
            {/foreach}
        </select>
        <label for="estado">Estado de la Recalada: </label>
        <select name="{bind to="estado"}" id="estado" data-native-menu="false">
            {foreach $estados as $id => $tipo}
                <option value="{$id}" {if $id == $recalada->getEstado()}selected{/if}>{$tipo}</option>
            {/foreach}
        </select>
    </div>
    <div data-role="fieldcontain" data-iconpos="right">
        <h3>Cutoff</h3>
        <label for="cutoffDocumental">Cutoff Documental: </label>
        <input type="datetime" value="{$recalada->getCutoffDocumental()|json_to_date:$formatoFecha}" placeholder="dd-mm-yyyy hh:mm" id="cutoffDocumental" name="{bind to="cutoffDocumental"}" />
        <label for="cutoffFisico">Cutoff F&iacute;sico: </label>
        <input type="datetime" value="{$recalada->getCutoffFisico()|json_to_date:$formatoFecha}" placeholder="dd-mm-yyyy hh:mm" id="cutoffFisico" name="{bind to="cutoffFisico"}" />
    </div>
    {if !$isNew}
        <div data-role="fieldcontain">
            <h3 id="puertos-chooser">Puertos</h3>
            {if $recaladaPuerto->getIdRecalada()}
                <input type="hidden" value="{$recaladaPuerto->getIdRecalada()}" name="{bind to="RecaladasPuertos.idRecalada"}" />
            {/if}
            <label for="puertos">Puerto de Origen</label> 
            <input type="search" 
                   id="puertos" 
                   class="recaladaPuertoBtn" 
                   name="{bind to="RecaladasPuertos.idPuertoOrigen"}" 
                   value="{$recaladaPuerto->getIdPuertoOrigen()}"
                   data-href="{url call="Neptuno::ExplorarPuertos"}"
                   />
            <label for="puertos">Puerto de Arribo</label> 
            <input type="search" 
                   id="puertos1" 
                   class="recaladaPuertoBtn" 
                   name="{bind to="RecaladasPuertos.idPuertoArribo"}" 
                   value="{$recaladaPuerto->getIdPuertoArribo()}"
                   data-href="{url call="Neptuno::ExplorarPuertos"}"
                   />

            <label for="puertos2">Puerto de Destino</label> 
            <input type="search" 
                   id="puertos2" 
                   class="recaladaPuertoBtn" 
                   name="{bind to="RecaladasPuertos.idPuertoDestino"}" 
                   value="{$recaladaPuerto->getIdPuertoDestino()}"
                   data-href="{url call="Neptuno::ExplorarPuertos"}"
                   />
        </div>

        <div data-role="fieldcontain">
            <h3>Rutas</h3>
            <div>
                <h3 id="viajes-chooser">Viaje Cargue</h3>
                <label for="Viajes1_terminal">Terminal Cargue: </label>
                <input type="hidden" name="{bind to="Viajes1.idTerminal"}" value="{if $viajeCargue}{$viajeCargue->getIdTerminal()}{/if}" id="Viajes1_terminal_id" />
                <input type="search" 
                       id="Viajes1_terminal"
                       value="{if $viajeCargue}{$viajeCargue->getTerminales()->getNombre()}{/if}"
                       class="terminalesBtn"
                       data-for="Viajes1_idTerminal"
                       />
                <label for="codigoViaje">C&oacute;digo del viaje: </label>
                <input type="text" 
                       id="codigoViaje"
                       value="{if $viajeCargue}{$viajeCargue->getCodigoViaje()}{/if}" 
                       name="{bind to="Viajes1.codigoViaje"}" />
                <label for="sentido">Sentido: </label>
                {$seleccionado = ""}
                {if $viajeCargue}
                    {$seleccionado = $viajeCargue->getSentido()}
                {/if}
                <select name="{bind to="Viajes1.Sentido"}" id="sentido" data-native-menu="false">
                    {foreach $sentidos as $id => $tipo}
                        <option value="{$id}" {if $id == $seleccionado}selected{/if}>{$tipo}</option>
                    {/foreach}
                </select>
            </div>

            <div>
                <h3 id="viajes-chooser">Viaje Descargue</h3>
                <label for="Viajes_terminal">Terminal Descargue: </label>
                <input type="hidden" name="{bind to="Viajes.idTerminal"}" value="{if $viajeDescargue}{$viajeDescargue->getIdTerminal()}{/if}" id="Viajes_terminal_id" />
                <input type="search" 
                       id="Viajes_terminal"
                       value="{if $viajeDescargue}{$viajeDescargue->getTerminales()->getNombre()}{/if}"
                       class="terminalesBtn"
                       data-for="Viajes_idTerminal"
                       />
                <label for="codigoViajeDescargue">C&oacute;digo del viaje: </label>
                <input type="text" 
                       id="codigoViajeDescargue"
                       value="{if $viajeDescargue}{$viajeDescargue->getCodigoViaje()}{/if}" 
                       name="{bind to="Viajes.codigoViaje"}" />
                <label for="sentido">Sentido: </label>
                {$seleccionado = ""}
                {if $viajeDescargue}
                    {$seleccionado = $viajeDescargue->getSentido()}
                {/if}
                <select name="{bind to="Viajes.Sentido"}" id="sentido" data-native-menu="false">
                    {foreach $sentidos as $id => $tipo}
                        <option value="{$id}" {if $id == $seleccionado}selected{/if}>{$tipo}</option>
                    {/foreach}
                </select>
            </div>
        </div>
    {/if}
    <div data-role="fieldcontain">
        <h3>Finalizar</h3>
        <label for="observaciones">Observaciones</label>
        <textarea id="observaciones" name="{bind to="observaciones"}" placeholder="Observciones">{$recalada->getObservaciones()}</textarea>
        <div>
            <a href="{$back}" 
               data-role="button"
               data-direction="reverse"
               data-inline="true">Cancelar</a>
            <input type= "submit" 
                   value= "guardar" 
                   data-icon= "check"
                   data-direction="reverse"
                   data-inline="true"/>
        </div>
    </div>
</div>